<template>
	<view>
		<view class="head">
			<view class="" :style="{'height':  statusBarHeight+'px'}"></view>
			<view class="head__box" :style="{'width':windowWidth+'px','height':  naviBarHeight+'px'}">
				<view @click="toBack" class="head__box__content">
					<image src="/static/icon/fanhui.png" style="width: 35rpx;height: 35rpx;" mode=""></image>
					<view class="" style="border-bottom: 1px solid #FFFFFF;">
						返回
					</view>
				</view>
				<view style="font-size: 32rpx;color: #FFFFFF;">处理</view>
			</view>
		</view>
		<view class="" :style="{'height': Number(statusBarHeight + naviBarHeight)+'px'}"></view>



		<scroll-view scroll-x="false" scroll-y="true" style="width: 99.3% !important;" :style="'height:'+ Number(windowHeight -  Number(statusBarHeight + naviBarHeight))+'px'">
			<view class="scroll_view_item">
				<view class="" style=" display: inline-block;white-space: nowrap; ">
					上报单位
				</view>
				<input class="text-oneline" type="text" value="XXX" style=" margin-left: 80rpx;" />
			</view>
			<view class="scroll_view_item">
				<view class="" style=" display: inline-block;white-space: nowrap; ">
					上报时间
				</view>
				<input class="text-oneline" disabled="disabled" type="text" :value="time" style=" margin-left: 80rpx;flex: 1;" />
			</view>
			<view class="scroll_view_item">
				<view class="" style=" display: inline-block;white-space: nowrap; ">
					上报人<text style="opacity: 0;">站</text>
				</view>
				<input class="text-oneline" disabled="disabled" type="text" value="xxx" style=" margin-left: 80rpx;margin-right: 40rpx;" />
			</view>
			<view class="scroll_view_item">
				<view class="" style=" display: inline-block;white-space: nowrap; ">
					上报标题
				</view>

				<input class="text-oneline" disabled="disabled" type="text" value="xxxxx" style=" margin-left: 80rpx;margin-right: 40rpx;" />
			</view>
			<view class="scroll_view_item" style="align-items: flex-start;">
				<view class="" style=" display: inline-block;white-space: nowrap; ">
					上报内容
				</view>
				<view class="" style=" margin-left: 80rpx;flex: 1;">
					上报内容上报内容
				</view>
				
			</view>
			<view class="scroll_view_item" style="align-items: flex-start;">
				<view class="" style=" display: inline-block;white-space: nowrap; ">
					拍照上传
				</view>
				<view class="" style="display: flex;flex-wrap: wrap;flex: 1;align-items: center;justify-content: space-between;height: auto;margin-left: 80rpx;">
					<image src="../../static/indexImg/a.png" style="width: 150rpx;height: 150rpx;margin-bottom: 20rpx;border: 1px solid rgb(218,218,216);" mode="aspectFit"></image>
					<image src="../../static/indexImg/a.png" style="width: 150rpx;height: 150rpx;margin-bottom: 20rpx;border: 1px solid rgb(218,218,216);" mode="aspectFit"></image>
					<image src="../../static/indexImg/a.png" style="width: 150rpx;height: 150rpx;margin-bottom: 20rpx;border: 1px solid rgb(218,218,216);" mode="aspectFit"></image>
					<image src="../../static/indexImg/a.png" style="width: 150rpx;height: 150rpx;margin-bottom: 20rpx;border: 1px solid rgb(218,218,216);" mode="aspectFit"></image>
					
				</view>
			</view>





			<view class="dispose">
		
				<view class="dispose__str">
					处理
				</view>
				<view class="" style="width: 50rpx;">
					
				</view>
				<view class="dispose__no">
					驳回
				</view>
			</view>
		</scroll-view>
		

		
		

		

		

	</view>
</template>

<script>
	import moment from '@/utils/moment.min.js'
	export default {
		data() {
			return {
				windowWidth: 0, //屏幕宽度
				windowHeight: 0, //屏幕高度
				titleHeight: 0, //状态栏和导航栏的总高度
				statusBarHeight: 0, //状态栏高度
				naviBarHeight: 0, //导航栏高度
				
				time:'',//上报时间
				
				
			};
		},
		onLoad(e) {
			let self = this;
			const res = uni.getSystemInfoSync()
			const system = res.platform
			self.statusBarHeight = res.statusBarHeight
			if (system === 'android') {
				self.titleHeight = (48 + self.statusBarHeight)
			} else if (system === 'ios') {
				self.titleHeight = (44 + self.statusBarHeight)
			}
			self.naviBarHeight = self.titleHeight - self.statusBarHeight
		
			self.statusBarHeight = uni.getSystemInfoSync().statusBarHeight
			self.windowWidth = uni.getSystemInfoSync().windowWidth;
			self.windowHeight = uni.getSystemInfoSync().windowHeight;
			
			
			
			switch(moment().format('E')) {
				case '1' :
					this.time = moment().format('YYYY-MM-DD HH:mm')+'(星期一)'
					break;
				case '2' :
					this.time = moment().format('YYYY-MM-DD HH:mm')+'(星期二)'
					break;
				case '3' :
					this.time = moment().format('YYYY-MM-DD HH:mm')+'(星期三)'
					break;
				case '4' :
					this.time = moment().format('YYYY-MM-DD HH:mm')+'(星期四)'	
					break;
				case '5' :
					this.time = moment().format('YYYY-MM-DD HH:mm')+'(星期五)'		
					break;
				case '5' :
					this.time = moment().format('YYYY-MM-DD HH:mm')+'(星期六)'		
					break;
				case '7' :
					this.time = moment().format('YYYY-MM-DD HH:mm')+'(星期日)'		
					break;	
			}
				

		},
			
		
		methods: {

			toBack(){
				uni.navigateBack({
				    delta: 1
				});
			},
		}
	}
</script>

<style lang="scss">
	.head {
		position: fixed;top: 0;left: 0;right: 0;background-color: rgb(0, 116, 208);z-index: 99;
		&__box {
			display: flex;align-items: center;justify-content: center;position: relative;
			&__content {
				position:absolute;left: 20rpx;height: 100%;display: flex;align-items: center;justify-content: center;font-size: 32rpx;color: #FFFFFF;
			}
		}
	}
	.scroll_view_item{
		border-bottom: 1px solid rgb(240,240,238);padding: 20rpx 20rpx 20rpx 0rpx;display: flex;align-items: center;margin-left: 40rpx;
	}
	.dispose {
		display: flex;align-items: center;justify-content: center;margin-top: 60rpx;margin-bottom: 60rpx;
		&__str {
			padding: 15rpx 40rpx 15rpx 40rpx;display: flex;align-items: center;justify-content: center;border-radius: 10rpx;background-color: rgb(0,185,153);color: #FFFFFF;
		}
		&__no {
			padding: 15rpx 40rpx 15rpx 40rpx;display: flex;align-items: center;justify-content: center;border-radius: 10rpx;background-color: rgb(0,172,255);color: #FFFFFF;
		}
	}
</style>
